<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
		</style>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
	</head>
	<body>
		<div id="test1"></div>
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="bck/static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var data1 = [{
						    title: '江西'
						    ,id: 1
						    ,children: [{
						      title: '南昌'
						      ,id: 1000
						      ,children: [{
						        title: '青山湖区'
						        ,id: 10001
						      },{
						        title: '高新区'
						        ,id: 10002
						      }]
						    },{
						      title: '九江'
						      ,id: 1001
						    },{
						      title: '赣州'
						      ,id: 1002
						    }]
						  },{
						    title: '广西'
						    ,id: 2
						    ,children: [{
						      title: '南宁'
						      ,id: 2000
						    },{
						      title: '桂林'
						      ,id: 2001
						    }]
						  },{
						    title: '陕西'
						    ,id: 3
						    ,children: [{
						      title: '西安'
						      ,id: 3000
						    },{
						      title: '延安'
						      ,id: 3001
						    }]
						  }];
			layui.use('tree', function(){
				
			    var tree = layui.tree;
			   
			    //渲染
			    var inst1 = tree.render({
			        elem: '#test1'  //绑定元素
			        ,data: data1
			        ,showCheckbox: true 	//是否显示复选框
			        ,edit: ['add', 'update', 'del'] 	//是否开启节点的操作图标
			        //,accordion: true 	//是否开启手风琴模式，默认 false
			        ,onlyIconControl: true	//是否仅允许节点左侧图标控制展开收缩。
			        ,showLine:false	//是否开启连接线。
			        ,text: {
					    defaultNodeName: '新建节点' //节点默认名称
					    ,none: '无数据' //数据为空时的提示文本
					} 
			    });
			    
    		});
		</script>
	</body>
</html>
